<template>
  <div class="app">
    <!-- <button @click="$emit('open')">弹出</button>
    <div ref="close" v-show=show>
    <h1><slot name="title"></slot></h1>
    <p><slot :phtml=phtml name="html"></slot></p>
    <div><slot name="footer"></slot></div> 
    </div> -->
    <div class="cdiv" @click="current=index" v-for="(item,index) in list" :key="item" ></div>
    <slot name="pic" :current="current"></slot>
  </div>
</template>

<script>
export default {
  props: ["show","list"],
  name: "App",
  inserted: {},
  data() {
    return {
      phtml: "touch me",
      current:0
    };
  },
  methods: {
    //    close(){
    //     this.show=false
    //    }
  },

  computed: {},
};
</script>

<style scoped>

.cdiv{
  width: 100px;
  height: 100px;
  margin: 10px;
  padding: 10px;
  background-color: gray;
}
</style>